.index-header{
  height: 2.8rem;
  color: #fff;
  position: relative;
  text-align: center;
  background:url(~images/bg/index.jpg) no-repeat;
  background-size: 100% auto;
  padding:0.9rem 0 0;
  img{
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    margin: 0 auto;
    background: #fff;
    border:1px solid #efefef;
  }
  .name{
    line-height: 1;
    font-size:0.3rem;
    padding:0.25rem 0 0;
  }
  .iconfont{
    width: 0.32rem;
    height: 0.32rem;
    position: absolute;
    right: 0.43rem;
    top:0.18rem;
    font-size: 0.32rem;
  }
}
.index-body{
  padding:0 0 20px;
  background: #f9f9f9;
}
.index-body-ctx{
  background: #fff;
  .week{
    font-size:18px;
    color: #333333;
    line-height: 1;
    padding:22px 0 8px 16px;
  }
  .date{
    padding:0 0 0 16px;
    line-height: 1;
    font-size: 12px;
    color: #BFBFBF;
  }
  .menu{
    padding:14px 0 16px 16px;
  }
}
.index-state{
  color: #333333;
  margin:0 0.8rem 0 0;
  float: left;
  text-align: center;
  .txt{
    line-height: 22px;
    font-size: 12px;
  }
  .num{
    font-size: 15px;
    line-height: 1;
  }
  &:last-of-type{
    margin:0;
  }
}
.index-menu-wrap{
  border-right: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  width:50%;
  box-sizing:border-box;
  padding:0 0 0 16px;
  float: left;
  .iconfont{
    color: #4A73B5;
    font-size: 0.4rem;
    margin:0.49rem 0.2rem 0 0;
    line-height: 1;
    width:0.4rem;
    &.has{
      position: relative;
      &:after{
        content:'';
        position: absolute;
        right: 0;
        top:-0.08rem;
        width: 0.18rem;
        height: 0.18rem;
        background: #E52C30;
        border-radius: 50%;
      }
    }
  }
  .rit{
    line-height: 1;
    padding:0 0 0.42rem;
    .txt{
      font-size: 0.3rem;
      color: #333333;
      padding:0.4rem 0 0.09rem 0;
    }
    .eng{
      color: #BFBFBF;
      font-size: 0.2rem;
    }
  }
}